
// Body
$body-bg: #f0f2f5;

// Borders
$laravel-border-color: darken($body-bg, 10%);
$list-group-border: $laravel-border-color;
$navbar-default-border: $laravel-border-color;
$panel-default-border: $laravel-border-color;
$panel-inner-border: $laravel-border-color;

// Brands
$brand-primary: #3097D1;
$brand-info: #8eb4cb;
$brand-success: #2ab27b;
$brand-warning: #cbb956;
$brand-danger: #bf5329;

// Typography
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
$font-family-sans-serif: 15px/1.3 'Open Sans', sans-serif;
$font-size-base: 14px;
$line-height-base: 1.6;
$text-color: #636b6f;

// Navbar
$navbar-default-bg: #fff;

// Buttons
$btn-default-color: $text-color;

// Inputs
$input-border: lighten($text-color, 40%);
$input-border-focus: lighten($brand-primary, 25%);
$input-color-placeholder: lighten($text-color, 30%);

// Panels
$panel-default-heading-bg: #fff;

.user-login{
  margin: 120px auto;
  padding: 20px;
  color: #eee;
}
.user-login h2{
  padding-bottom: 40px;
}
.user-login input{
  height: 50px;
  line-height: 50px;
  background-color: #2d3a4b !important;
  border-color: #889aa4;
  padding-bottom: 10px;
}


body{
  color: #5e5b64;
  text-align:center;
}

a, a:visited {
  outline:none;
  color:#389dc1;
}

a:hover{
  text-decoration:none;
}

section, footer, header, aside, nav{
  display: block;
}

/*-------------------------
    The menu
--------------------------*/

nav{
  position: fixed;
  display:inline-block;
  box-shadow:0 1px 1px #ccc;
  border-radius:2px;
  float: left;
  height: 100%;
}
.main{
  min-height: 100%;
  transition: margin-left .28s;
  margin-left: 180px;
}
.top-menu{
  background-color: #fff;
  margin-bottom: 30px;
}
.top-menu .head{
  line-height: 25px;padding:5px 20px;
  border: 1px solid #d8dce5;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
}
.top-menu .bread{
  line-height: 20px;padding:10px 20px;border-bottom: 1px solid #eee;box-shadow: 2px 2px 2px #eee;
}
.panel{
  margin: 20px;
  border: 1px solid #d8dce5;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
}
.panel-heading{
  border-color: #fff !important;border-radius: 0 !important; font-size: 22px;text-align: left;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 180px;
  min-height: 400px;
  transition: width .28s;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
.hideSidebar{
  margin-left: 36px !important;
}
.main .show-menu{
  float: left;
}
.main .head{
  height: 50px;
  line-height: 50px;
  border-radius: 0!important;
  border: 1px solid #d8dce5;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
  background-color: #fff;
  overflow: hidden;
}
.main .head .el-dropdown{
  float: right;
}
.el-menu{
  text-align: left;
  background-color: #304156 !important;
}
.el-menu span, .el-menu i, .el-menu a{
  color: #fff !important;
}
.el-submenu__title:hover{
  background-color: rgb(48, 65, 86) !important;
}
.el-menu-item:focus, .el-menu-item{
  background-color: #1f2d3d!important;
}
.el-menu-item:focus, .el-menu-item:hover{
  background-color: #1f2d3d!important;
}
.fa {
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
}
.el-dropdown button{
  border: 0;
}
.el-submenu .el-menu-item{
  min-width: 180px !important;
  height: 35px !important;
  line-height: 35px !important;
}
.main .head .head-left{
  width: 500px;float: left;
}
.main .head .head-left .el-breadcrumb{
  line-height: 50px !important;
}
.main .head .head-left .col-md-2,.main .head .head-left .col-md-10{
  padding: 0;
}
table tr td, table tr th{
  text-align: left;
}
.main .layout{
  padding: 0;
}
.form-group {
  min-height: 50px;
}